<div class="layui-card-body padding-left-40" style="overflow-scrolling: auto">

    <fieldset>
        <legend><b class="layui-badge think-bg-violet">用户账号</b></legend>
        <div class="layui-row layui-col-space15">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-xs2 text-center">
                    <img width="90" height="90" src="{$vo.User.avatar}" alt=""/>
                </div>
                <div class="layui-col-xs4">
                    <label class="block relative">
                        <span class="color-green font-w7">用户昵称</span>
                        <span class="color-desc margin-left-5">Login Username</span>
                        <input disabled value='{$vo.User.username|default="暂未填写"}' required
                               class="layui-input border-bottom-line">
                        <span class="help-block">用户昵称</span>
                    </label>
                </div>
                <div class="layui-col-xs4">
                    <label class="relative block">
                        <span class="color-green font-w7">联系手机</span><span class="color-desc margin-left-5">Contact Mobile</span>
                        <input type="tel" disabled maxlength="11" value='{$vo.User.phone|default=""}'
                               pattern="^1[3-9][0-9]{9}$" class="layui-input">
                        <span class="color-desc">用户常用的联系手机号</span>
                    </label>
                </div>
                <div class="layui-col-xs2">
                    <label class="relative block">
                        <span class="color-green font-w7">性别</span><span class="color-desc margin-left-5">SEX</span>
                        <input disabled value='{$vo.User.sex ? $vo.User.sex|getUserSelect="sex" : "暂未填写"}'
                               class="layui-input">
                        <span class="color-desc">用户性别</span>
                    </label>
                </div>
            </div>
        </div>
        <div class="layui-row layui-col-space15">
            <div class="layui-col-xs4">
                <label class="relative block">
                    <span class="color-green font-w7">注册时间</span><span
                        class="color-desc margin-left-5">Create Time</span>
                    <input disabled value='{$vo.User.create_time|date="Y-m-d H:i:s"}' class="layui-input">
                    <span class="color-desc">用户注册时间</span>
                </label>
            </div>
            <div class="layui-col-xs4">
                <label class="relative block">
                    <span class="color-green font-w7">上次登录时间</span><span class="color-desc margin-left-5">Last Login Time</span>
                    <input disabled value='{$vo.User.login_time|date="Y-m-d H:i:s"}' class="layui-input">
                    <span class="color-desc">用户上次登录时间</span>
                </label>
            </div>
            <div class="layui-col-xs4">
                <label class="relative block">
                    <span class="color-green font-w7">上次登录IP</span><span
                        class="color-desc margin-left-5">Last Login IP</span>
                    <input disabled value='{$vo.User.login_ip|default="暂无记录"}' class="layui-input">
                    <span class="color-desc">用户上次登录IP</span>
                </label>
            </div>
        </div>
    </fieldset>

    <fieldset>
        <legend><b class="layui-badge think-bg-violet">动态详情</b></legend>
        <div class="layui-row layui-col-space15">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-xs4">
                    <label class="block relative">
                        <span class="color-green font-w7">话题</span>
                        <span class="color-desc margin-left-5">Topic</span>
                        <input disabled value='{$vo.topic|getLatticeTopic}'
                               class="layui-input border-bottom-line">
                        <span class="help-block">话题</span>
                    </label>
                </div>
                <div class="layui-col-xs4">
                    <label class="relative block">
                        <span class="color-green font-w7">来自</span><span class="color-desc margin-left-5">From</span>
                        <input type="tel" disabled maxlength="11" value='{$vo.from|default=""}'
                               pattern="^1[3-9][0-9]{9}$" class="layui-input">
                        <span class="color-desc">来自</span>
                    </label>
                </div>
                <div class="layui-col-xs4">
                    <label class="relative block">
                        <span class="color-green font-w7">位置信息</span><span
                            class="color-desc margin-left-5">Location</span>
                        <input disabled value='{$vo.location|default="-"}'
                               class="layui-input">
                        <span class="color-desc">位置信息</span>
                    </label>
                </div>
            </div>
        </div>
        <div class="layui-row layui-col-space15">
            <div class="layui-col-xs12">
                <label class="relative block">
                    <span class="color-green font-w7">内容</span><span
                        class="color-desc margin-left-5">Content</span>
                    <br />
                    <text style="margin-top: 20px;">{$vo.content|default="-"}</text>
                </label>
            </div>
        </div>
        <div class="layui-row layui-col-space15">
            {foreach $vo.images as $t}
            <div class="layui-col-xs4">
                <img src="{$t}" style="width: 100%;">
            </div>
            {/foreach}
        </div>
        <div class="layui-row layui-col-space15">
            <div class="layui-col-xs4">
                <label class="relative block">
                    <span class="color-green font-w7">浏览</span><span
                        class="color-desc margin-left-5">See</span>
                    <input disabled value='{$vo.see|default="0"}'
                           class="layui-input">
                </label>
            </div>
            <div class="layui-col-xs4">
                <label class="relative block">
                    <span class="color-green font-w7">点赞</span><span
                        class="color-desc margin-left-5">Like</span>
                    <input disabled value='{$vo.like|default="0"}'
                           class="layui-input">
                </label>
            </div>
            <div class="layui-col-xs4">
                <label class="relative block">
                    <span class="color-green font-w7">评论</span><span
                        class="color-desc margin-left-5">Comment</span>
                    <input disabled value='{$vo.comment|default="0"}'
                           class="layui-input">
                </label>
            </div>
        </div>
    </fieldset>
</div>

<script>
    layui.form.render();
    $('#UserForm').parent().css('overflow', 'revert');
</script>